<template>
  <div id="app">
    <!-- 头部 -->
    <div class="header">
      <Header></Header>
    </div>

    <!-- 搜索区域 -->
    <div class="search">
      <Search></Search>
    </div>

    <!-- 路由区域 -->
    <!-- 不缓存name为Cont-ent,ChaPter,SearchResult的组件 -->
    <keep-alive exclude="Cont-ent,ChaPter,SearchResult">
      <router-view></router-view>
    </keep-alive>
  </div>
</template>
<script>
import Search from '@/components/Search/index.vue'
import Header from '@/components/Header/index.vue'
export default {
  name: 'App',
  components: {
    Header,
    Search
  }
}
</script>

<style lang="less">
* {
  // padding: 0;
  // width: 100%;
  margin: 0 auto;
}
html {
  padding: 60px 60px 0 60px;
  background-color: #E9FAFF;
}
.search {
  padding: 0 50px;
  margin-top: 20px;
  text-align: center;
  margin-bottom: 10px;
}
</style>
